<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/details.css">
    <link rel="stylesheet" href="../css/enlarge.css">
    <script src="../jquery/jquery.min.js"></script>
    <script src="../js/utils.js"></script>

    <script src="../js/ajax.js"></script>
    <!-- <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"> -->
</head>

<body>
    <div class="top2"><img src="../images/top2.jpg" alt=""></div>
    <header>

        <div class="header_left">
            <h1>
                <a href="../html/homepage.html"> <img src="../images/logo&bottom.gif" alt=""></a>
            </h1>
            <!-- <img src="../images/autoSlogo.gif" alt=""> -->
        </div>
        <h2 class="header_right">欢迎来到详情页!</h2>

    </header>
    <div class="header_bottom"></div>
    <div class="top3"><img src="../images/top3.jpg" alt=""></div>
    <main>
        <!-- 放大镜 -->
        <!-- <div class="enlarge_box">
            <div class="show">
                <img src="../images/1234.jpg">
                <div class="mask"></div>
            </div>
            <p class="tip"><span>温馨提示：</span>图片均为康爱多对原品的真实拍摄，仅供参考；如遇新包装上市可能存在上新滞后，请以实物为准。</p>
            <div class="enlarge"></div>
        </div>
        <div class="details">
            <h3 class="WareName"><i></i>万顺堂 养阴口香合剂 30ml*4支</h3>
            <p class="Advertisement">【开年大促，畅享好礼】低至65元起/盒！用于胃热津亏，阴虚郁热上蒸所致的口臭，口舌生疮，齿龈肿痛，咽干口苦，胃灼热痛，肠燥便秘。<span>防疫用品一站购，省心过年→</span></p>
            <div class="warePrice">
                <h5>会员价</h5><mark class="salePrice">￥68.00</mark><span class="marketPrice">￥77.00</span>
            </div>
            <div class="commonName">
                <h5>通用名</h5><span>养阴口香合剂</span></div>
            <div class="num">
                <h5>批准文号</h5>国药准字Z200954382<span>（国家药品监督管理局）</span></div>
            <div class="company">
                <h5>生产企业</h5>贵州万顺堂药业有限公司</div>
            <div class="br"></div>
            <div class="specs">
                <h5>规格</h5><span>30ml*4支</span></div>
            <div class="quantity_wrap">
                <h5>数量</h5>
                <div class="quantity">
                    <button class="reduce">-</button>
                    <input type="text" name="" id="" class="inp-quantity" value="1">
                    <button class="add">+</button>
                </div>
                <span>现在有货</span><i>（支持79元包邮）</i>
            </div>
            <div class="addCar">加入购物车</div>
            <div class="promise_wrap">
                <h5>承诺</h5>
                <ul class="promise">
                    <li>正品保证</li>
                    <li>专业药师</li>
                    <li>隐私包装</li>
                    <li>货到付款</li>
                    <li>退换无忧</li>
                </ul>
            </div>
        </div>
        <div class="details_right">
            <img src="../images/details-right.png" alt="">
        </div> -->

    </main>
    <!-- -----------------------footer -->
    <div class="footer_top">
        <div class="footer_top_searve_wrap">
            <ul class="footer_top_searve">
                <li>
                    <figure><img src="../images/zheng1.png" alt=""></figure>
                    <figcaption>
                        <h4>正品保障</h4>
                        <p>国家认证 正规合法</p>
                    </figcaption>
                </li>
                <li>
                    <figure><img src="../images/zheng2.png" alt=""></figure>
                    <figcaption>
                        <h4>专业药师</h4>
                        <p>用药全程指导</p>
                    </figcaption>
                </li>
                <li>
                    <figure><img src="../images/zheng3.png" alt=""></figure>
                    <figcaption>
                        <h4>厂家授权</h4>
                        <p>厂家授权 正品渠道</p>
                    </figcaption>
                </li>
                <li>
                    <figure><img src="../images/zheng4.png" alt=""></figure>
                    <figcaption>
                        <h4>货到付款</h4>
                        <p>货到付款 购药无忧</p>
                    </figcaption>
                </li>
                <li>
                    <figure><img src="../images/zheng5.png" alt=""></figure>
                    <figcaption>
                        <h4>隐私配送</h4>
                        <p>隐私配送 安全放心</p>
                    </figcaption>
                </li>
                <li>
                    <figure><img src="../images/zheng6.png" alt=""></figure>
                    <figcaption>
                        <h4>满79元包邮</h4>
                        <p>全场满79元包邮</p>
                    </figcaption>
                </li>
            </ul>
        </div>
        <div class="footer_top_list">
            <div class="footer_top_list_ewm">
                <div class="phone_ewm_wrap">
                    <span>手机购药</span>
                    <div class="phone_ewm"></div>
                    <span>注册送100元</span>
                </div>
                <div class="vx_ewm_wrap">
                    <span>微信购药</span>
                    <div class="vx_ewm"></div>
                    <span>抽现金红包</span>
                </div>
            </div>
            <div class="footer_top_mid">
                <ul class="mid_nav1">
                    <li>
                        <ul class="mid_nav1-1">
                            <li class="mid_title">新手指南</li>
                            <li>购物流程</li>
                            <li>会员级别</li>
                            <li>积分说明</li>
                            <li>优惠券</li>
                            <li>常见问题</li>
                        </ul>
                    </li>
                    <li>
                        <ul class="mid_nav1-1">
                            <li class="mid_title">配送方式</li>
                            <li>配送范围及运费</li>
                            <li>隐私配送</li>
                            <li>商品验收及签收</li>
                        </ul>
                    </li>
                    <li>
                        <ul class="mid_nav1-1">
                            <li class="mid_title">支付方式</li>
                            <li>货到付款</li>
                            <li>网上支付</li>
                            <li>药店自提</li>
                        </ul>
                    </li>
                    <li>
                        <ul class="mid_nav1-1">
                            <li class="mid_title">售后服务</li>
                            <li>退换货流程</li>
                            <li>退换货政策</li>
                            <li>退款流程</li>
                            <li>退换无忧</li>
                        </ul>
                    </li>
                    <li>
                        <ul class="mid_nav1-1">
                            <li class="mid_title">特色服务</li>
                            <li>会员俱乐部</li>
                            <li>投诉建议</li>
                            <li>健康咨询</li>
                            <li>免责声明</li>

                        </ul>
                    </li>
                </ul>
            </div>
            <div class="kad_searve_phone">
                <img src="../images/kadPhoneBg.png" alt="">
            </div>
        </div>
    </div>
    <footer>
        <div class="footer">
            <p><span class="footer_about_new"><img src="../images/icon-new.png" alt=""><a href="javascript:;">批发招商</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">关于我们</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">掌上药店</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">实体药店</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">加入康爱多</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">联系我们</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">商务合作</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">经营认证</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">隐私政策</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">友情链接</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">TAG列表</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">网站地图</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">CPS联盟</a></span></p>
            <p><span><a href="javascript:;">互联网药品交易服务资格证书</a></span>&nbsp;|&nbsp;<span><a href="javascript:;"> 互联网药品信息服务资格证书</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">执业药师证</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">药品经营许可证</a></span>>&nbsp;|&nbsp;<span><a href="javascript:;">食品流通许可证</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">公司营业执照</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">GSP认证证书</a></span>&nbsp;|&nbsp;<span><a href="javascript:;">增值电信业务经营许可证</a></span></p>
            <p>&copy;2010-2016&nbsp;广东<a href="javascript:;">康爱多网上药店</a>版权所有，并保留所有权利</p>
        </div>

    </footer>

    <script src="../js/details.js"></script>
    <script src="../js/enlarge.js"></script>
    <script>
        //
        /* 
            【1】创建对象  
                class Enlarge{
                    constructor(){}
                }
            【2】描述对象
                静态属性：.enlarge_box || #enlarge_box
                动态方法：
                    init() 初始化
                    setStyle()
                    move()
                    changeImg()
            【3】new Enlarge('.enlarge_box')
        */
        // new Enlarge('.enlarge_box');
    </script>


</body>

</html>